.#{$prefix}spinner {
    .#{$prefix}component-outer {
        @include st-box();

        @include st-box-align(center);
        > * {
            width: auto;
        }
    }

    .#{$prefix}field-input {
        @include st-box-flex(1, 0px);

        .#{$prefix}input-el {
            width: 100%;
            text-align: center;
        }

        //http://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-inputs-spin-box
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
    }

    .#{$prefix}spinner-button {
        text-align: center;
    }

    &.#{$prefix}field-grouped-buttons {
        .#{$prefix}input-el {
            text-align: left;
        }
    }
}